*{font-family: 'PingFangSC-Regular',AppleSystemUIFont,'PingFangSC-Medium','PingFangSC-Semibold','Microsoft Yahei';}
html,body{height:100%;}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap: wrap;}
.flex-middle{align-items: center;}
a,a:visited,a:hover{color:#000;text-decoration: none;}
a:checked{text-decoration: none;}
a.normal-a,a.normal-a:visited,a.normal-a:hover{color:#fff;}
.inline{display: inline-block;}
.main-color{background:#94D4DE 100%;}
.price-color{color:#ff6757;}
.price{font-size: 18px;padding-left:0px;color:rgb(255,109,81);}
.container,.member-info-wrapper,.goods-container,.goods-attr-wrapper{width: 100%;max-width: 375px;margin:0 auto;}
.main-container{height:100%;}
.flex-auto{flex:1;}
.banner-container{height:150px;width: 100%;max-width: 375px;margin:0 auto;overflow: hidden;}
.banner-img{width: 100%;height: 100%;}
.doll-wrapper{margin:0 auto;justify-content: space-between;margin-bottom:10px;}
.doll-item{width:calc(50% - 7px);min-width:100px;margin-top:10px;background:#fff;border-radius: 5px;}
.doll-img-wrapper{position: relative;}
.doll-img-wrapper img{width:100%;border-radius: 5px;}
.doll-icon-time{width:35px;height:35px;background:red;position: absolute;left:0;bottom:0;
    background: url('../images/doll-icon-time.png') no-repeat;background-size: cover;
}
.doll-icon-status{width:43px;height:23px;background:red;position: absolute;top:0;right:0;
    background: url('../images/doll-icon-status-big.png') no-repeat;background-size: cover;
    text-align: center;line-height: 23px;color: #fff;font-size: 12px;font-weight: bold;
}
.doll-info-wrapper{padding:3px 5px;font-size: 12px;}
.doll-price-wrapper{font-weight: 600;display: flex;align-items: center;}
.doll-icon-money{width:23px;height:23px;background:#fdee88;margin-right:10px;border-radius: 50%;}
.market-price{position: relative;min-width:23px;height:23px;line-height: 23px;display: block;}
.market-price::after{content:' ';position: absolute;left:-4px;bottom:10px;display:block;width:100%;height:4px;background:red;
    transform: rotate(45deg);opacity: 0.7;
}
.cur-price{color:palevioletred;padding-left:5px;}
.doll-title{padding:5px 0 5px 3px;}




/*商城*/
.shop-menu{padding:0.5rem 0px 0px;background: #d2edf1 100%;font-size:12px;text-align: center;}
.shop-menu-item{width:20%;}
.shop-menu>div{text-align: center;}
.shop-menu-img{width:40px;height:40px;background: url('../images/shop-menu-bg.png') no-repeat center;background-size: cover;}
.shop-menu-item.active .shop-menu-img{width:40px;height:40px;background: url('../images/shop-menu-bg-active.png') no-repeat center;background-size: cover;}
.shop-menu-name{margin-bottom:0.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.price-style-01{
    padding:0 12px 8px 0 ;color:rgb(255,109,81);
    display: flex;justify-content: space-between;
}
.price-style-01 .price-icon{font-size: 12px;vertical-align: top;}
.price-style-01 .cur-price{font-size: 18px;padding-left:0px;color:rgb(255,109,81);}
.add-cart{width:20px;height:21px;background: url('../images/cart-02.png') no-repeat center;background-size: cover;}
.fixed-cart{
    position:fixed;bottom:150px;right:20px;display: block;
    width: 40px;height: 40px;background: url('../images/cart-01.png') no-repeat center;background-size: cover;}




/* member */
.member-info-wrapper{padding:15px 0;background:rgb(148,212,222) 100%;color:#fff;}
.member-info-top{padding-top:15px ;text-align: center;}
.member-avatar{width:60px;height:60px;border-radius: 50%;background:#aff5f6;}
.member-info-body{font-size:15px;text-align: center;}
.id-info{font-size:12px;margin-top:-3px;}
.member-info-footer{text-align: center;margin:0;}
.member-info-footer .w-50{position:relative;align-items: center;display: flex;align-items: center;justify-content: center;}
.member-info-footer .w-50:first-child::after{
    content:' ';display: block;width:2px;background:#fff;height:80%;
    position: absolute;right:-1px;
}
.member-info-footer .icon{width:36px;height:36px;background:#0c5460;margin-right:10px;}
.member-info-footer .icon-info{text-align: left;font-size: 12px;}
.bold{font-weight: bold;}
.member-menu-wrapper{}
.member-menu-item{align-items: center;}
.member-menu-item:last-child .member-menu-body{border-bottom: none;}
.member-menu-icon{width:30px;margin-right:10px;}
.member-menu-body{font-weight:500;font-size:14px;padding:15px 0;flex:auto;border-bottom:1px solid rgb(228,228,228);justify-content: space-between;align-items: center;}
.arrow-right{width: 7px;height:11px;}


/* goods detail */
.goods-banner{width: 100%;max-width: 375px;margin:0 auto;background: #fff;}
.goods-box{background:#fff;margin:10px auto;padding:15px;}
.goods-box p{margin-bottom:15px;}
.goods-name{font-weight: bold;font-size:16px;}
.goods-slogan{color:rgb(155,155,155);font-size:16px;}
.goods-cart-info{justify-content: space-between;align-items: baseline;}
.goods-price .cur-price{font-size: 18px;padding-left:0px;color:rgb(255,109,81);font-weight: bold;margin-right:15px;}
.goods-price .mark-price{font-size:14px;color:rgb(155,155,155);}
.goods-cart-btn{width: 35px;height: 35px;background: url('../images/cart-03.png') no-repeat center;background-size:cover;}
.goods-desc-item{margin-bottom:10px;}
.goods-desc-name{width:30%;color:rgb(155,155,155);}
.goods-desc-val{flex:1;text-align: justify;padding-right:10px;}
.goods-detail-content img{max-width: 100%;}
.goods-buy-btn-top{height:45px;}
.goods-buy-btn{
    position: fixed;left:0;bottom:0;width: 100%;max-width: 375px;color:#fff;font-size: 16px;font-weight: bold;
    height:45px;line-height: 45px;background: #ff6757;text-align: center;
}
.goods-attr-info,.goods-attr-info .mask{z-index:9;position: fixed;height: 100%;width: 100%;left: 0;bottom:0;max-width: 375px;}
.goods-attr-info .mask{background: #000;opacity: 0.6;}
.goods-attr-wrapper{background: #fff;padding:13px 20px;position: fixed;bottom:0;width: 100%;z-index: 10;box-sizing: border-box;}
.goods-attr-thumb{width:100px;height:100px;margin-right:25px;border-radius: 5px;text-align: center;}
.goods-attr-thumb img{width: 100%;}
.goods-attr-detail-info{flex: 1;position: relative}
.goods-attr-detail-info p{margin-bottom:0px;}
.goods-attr-detail-info .title{font-size: 14px;font-weight: bold;position: absolute;top:10px;}
.goods-attr-detail-info .price{font-size: 14px;position: absolute;bottom:10px;}
.goods-attr-item,.buy-number-wrapper{padding:10px 0;border-top:1px solid #e8e9ea;font-size: 14px;}
.goods-attr-item .title,.buy-number-wrapper .title{font-weight: bold;}
.attr-val-list{padding:5px 0;}
.attr-value-item{display: inline-block;width:60px;height: 25px;text-align: center;line-height: 25px;border:1px solid #ccc;font-size: 12px;
    border-radius: 12px;font-weight: bold;margin-right:6px;margin-bottom:6px;
}
.attr-value-item.active{background:#ffd67b;border-color:#f7a83d;}
.buy-number-wrapper{padding-bottom:10px;}
.buy-number-info{padding-left:15px;}
.buy-num-op{width:20px;height: 20px;border:1px solid #ccc;border-radius: 7px;text-align: center;line-height: 18px;font-weight: bold;}
.buy-num-input{height:30px;width:35px;border:1px solid #ccc;text-align: center;margin:auto 10px ;border-radius: 7px;}
.stock-number{color:gray; font-size: 12px;margin-left:10px;}
.buy-confirm-btn{
    width: calc(100% + 41px);height:45px;line-height: 45px;color:#fff;font-size: 16px;font-weight: bold;
    background: #ff6757;text-align: center;margin-left:-21px;margin-right:-20px;margin-bottom:-13px;
}


/* confirm */
.confirm-address-wrapper{background:#fff;padding:15px;align-items: center;font-size: 0.8rem;font-weight: bold;}
.confirm-address-wrapper p{margin-bottom:5px;}
.confirm-address-wrapper .address-icon{width:20px;height:20px;background: url('../images/member-menu-05.png') no-repeat center; background-size:cover;margin-right:5px;margin-left:-10px;}
.confirm-address-wrapper .address-body{width: calc(100% - 48px);text-align: justify;}
.confirm-address-wrapper .address-style-body{flex:1;}
.address-style-body.gray{color:#a3a3a3;}
.confirm-address-wrapper .consume{justify-content: space-between;}
.confirm-address-wrapper .arrow-right{margin-right:-15px;margin-left:15px;width:14px;height:22px;background: url('../images/right.png') no-repeat center;background-size: cover ;}
.goods-list{background:#fff;margin-top:15px;font-size: 0.8rem;padding:15px 30px ;flex-wrap: wrap;}
.goods-item{flex-wrap: wrap;font-size:0.8rem;margin-bottom:15px;}
.goods-item:last-child{margin-bottom:0;}
.goods-item .goods-thumb{width:90px;height:90px;border-radius: 5px;background:#80bdff;margin-right:30px;}
.goods-item .goods-info{width:calc(100% - 120px);position:relative;overflow: hidden;}
.goods-info .goods-title{position: absolute;top:10px;left:0;text-align: justify;font-weight: bold;}
.goods-price-number{width:100%;position: absolute;bottom:10px;left:0;justify-content: space-between;align-items: baseline;}
.confirm-total-info{background:#fff;margin-top:15px;padding:15px 30px;font-size: 0.8rem;}
.confirm-total-info .item{justify-content: space-between;align-items: center;border-bottom:1px solid #e8e9ea;padding-bottom:10px;margin-bottom:10px;}
.confirm-total-info .item:last-child{border-bottom: none;margin-bottom:0;}
.confirm-total-info .item .tip{color:#a3a3a3;}
.confirm-total-info .item .price{font-size:0.8rem;}
.confirm-total-info .item .total-tip{color: #000;font-weight: bold;}
.order-note{width: 100%;outline: none;border:none;margin-top:5px;}
.pay-btn-wrapper{padding:15px 0;justify-content: space-between;}
.pay-btn-wrapper .pay-btn {padding:10px 0;color:#fff;font-weight: bold;font-size: 1rem;width:45%;text-align: center;border-radius: 50px;}
.wexin-btn{background:#68c985;}
.alipay-btn{background:#4a9fe7;}
.pay-btn-wrapper .pay-btn img{width:25px;vertical-align: middle;margin-right:5px;}


/* cart */
.cart-list{padding: 0;font-size: 0.7rem;}
.cart-list .cart-item{padding:15px;background:#fff;align-items: center;}
.cart-item-icon{position: relative; width:24px;height:24px;background: url('../images/rectangle-02.png') no-repeat center; background-size: cover;}
.cart-item-icon.active{background-image: url('../images/rect-yes.png');}
.cart-item-icon input[type=checkbox] {
    position: absolute;left: 0;top:0;
    opacity: 0;z-index: 1;width: 100%;height: 100%;
}
.cart-item-body{flex: 1;margin:0 0 0 15px;overflow: hidden}
.cart-item-body .cart-item-thumb{overflow:hidden;width:70px;height:70px;margin-right:15px;border-radius: 5px;background:#80bdff;border:1px solid #ccc;}
.cart-item-body .cart-item-thumb img{width: 100%;}
.cart-item-info{word-break: break-all;flex: 1;position: relative;}
.cart-item-footer{position: absolute;bottom: 0;}
.cart-goods-attr{color:#a3a3a3;padding-top:5px;}
.cart-goods-price .cur-price{margin-right:5px;padding-left:0;}
.del-price{color: #a3a3a3;}
.cart-item{margin-bottom:10px;}
.cart-footer{
    color:#fff;font-size: 0.8rem;
    position: fixed;left:0;bottom:0;
    width: 100%;max-width: 375px;height:65px;
    background:#fff;padding:10px 15px;align-items: center;
    box-sizing: border-box;justify-content: space-between;}
.cart-page-total-info .account-btn{height:43px;width:100px;border-radius: 5px;background: #ff6757;text-align: center;line-height: 43px;}
.cart-page-total-info .account-info{position: relative;margin-right:10px;text-align: right;}
.cart-page-total-info .account-info .cur-price{font-weight: bold;width: 100%;}
.cart-page-total-info .account-info .mark-price{position: absolute;bottom:0;color:#a3a3a3;width: 100%;}
.cart-footer .all-tip{color:#000;align-items: center;}
.cart-footer .all-tip div:last-child{margin-left:5px;font-weight: bold;}


/*address*/
.address-item{margin-bottom:10px;}
.edit-trash{margin-top:5px;padding:5px 0;border-top:1px solid #ccc;text-align: right;}
.main-icon{display:inline-block;width:20px;height:20px;margin-left:15px;}
.icon-edit{background: url('../images/member-menu-04.png') no-repeat center;background-size: cover;}
.icon-trash{background: url('../images/trash.png') no-repeat center;background-size: cover;}
.address-add-btn{
    width: 150px;height:50px;line-height: 50px;text-align: center;color:#fff;background: #ff6757;
    margin: 50px auto;border-radius: 10px;display: block;}
.address-add-btn:hover{color:#fff;}
.empty-tip {color:#fff;text-align: center;padding:72px 0;font-size: 0.8rem;}
.empty-tip p{margin-bottom:3px;}
.empty-tip img{margin-top:36px;width:100px;}
.address-edit-wrapper{background: #fff;padding:15px 15px 50px;font-size: 0.8rem;}
.input-item{align-items: center;border-bottom: 1px solid #ced4da;margin:0;padding:10px 0;color: #a3a3aa;}
.input-item input{border:none;outline: none;}
.address-auto{margin-left:10px;}
.input-item .form-label{max-width:25%;min-width: 70px;}
.address-input{width:100%;}
.content-between{justify-content: space-between;}
.select-address-tip{align-items: center;}
.select-address-tip img{height:10px;vertical-align: center;margin-left:5px;}
.address-edit-wrapper .pca{padding-left:10px;}
.address-edit-btn,.main-btn{
    width:90%;height: 50px;line-height: 50px;color:#a6a6a6;font-weight: bold;
    margin:30px auto;border-radius: 50px;text-align: center;background: #e8e9ea;
}
.address-edit-btn.active{background: #ff6f58;color:#fff;}
.black{color:#000;}


/* 我的背包 */
.cart-page-total-info .account-btn.send-doll-btn{margin-right:5px;background: #4aa0e7;}
.icon-gold{display: inline-block;width:15px;height:15px;border-radius: 50%;background:#f6d74f;vertical-align: middle;margin:0 3px;}
.small{font-size:0.6rem;}
.main-btn.pay-btn-color{background:#4aa0e7;color:#fff;}
.pay-match-color{color:#fff;background:#ff6f58;}
.doll-send-tip.doll-send-tip{background:#ebe1f3;color:#000;font-size: 0.5rem;bottom:65px;height:auto;padding:5px;}



/* gold */
.gold-wrapper{height:120px;position: relative;}
.my-gold-info{position: absolute;width:100%;bottom:15px;left:0px;padding:0 15px; }
.gold-log-btn{height:35px;width:100px;text-align: center;border-radius: 10px;color:#fff;background:#ff6f58;line-height: 35px;}
.gold-recharge-list{background: #fff;padding:0;}
.gold-recharge-item{padding:15px 30px;}
.gold-recharge-item.active{background:#f9f2d0;}
.mg-middle{margin-top:-5px;}
.get-pay-gold{color:#a3a3a3;font-weight: bold;}
.gold-recharge-money{color:#a3a3a3;font-size: 0.8rem;}
.gold-more-tip{margin-left:10px;}
.recharge-pay-wrapper{padding:60px 0;}
.gold-log-wrapper{background: #fff;padding: 0;}
.gold-log-item{padding:10px 30px;border-bottom:1px solid #e8e9ea;color:#a3a3a3;}
.gold-log-item:last-child{border-bottom: none;}
.gold-log-item .consume-golds{margin-left:10px;}
.consume-gold-time{text-align: right;font-size:0.8rem;}



/* order list */
.my-order-wrapper{margin-top:0;margin-bottom:15px;}
.order-header{font-size: 0.8rem;border-bottom:1px solid #f2f2f2;padding-bottom:10px;}
.status-color-1{color:#abe8d5;}
.status-color-2{color:#f6d74f;}
.order-footer{font-size: 0.8rem;font-family: '新宋体'}
.order-consume-info{border-top:1px solid #f2f2f2;padding-top:10px;}
.order-footer .order-express{border-top:1px solid #f2f2f2;padding-top:10px;margin-top:10px;}
.order-footer .order-express-name{margin:0 10px 0 5px;}



/* invite  */
.invite-wrapper{background:#fff;margin-top:20px;border-radius: 10px;}
.invite-wrapper .invite-header{border-bottom:1px solid #f2f2f2;padding:15px 0;text-align: center;}
.invite-wrapper .invite-body{padding:15px;text-align: center;}
.invite-code-wrapper{}
.invite-code{padding:5px 30px;border:1px solid #000;border-radius: 3px;}
.copy-btn{margin-left:5px;}
.shares{padding:15px 0;justify-content: space-around;}
.icon-share-btn{width:50px;height: 50px;display: block;border-radius: 50%;}
.icon-share-01{background: #68c985;}
.icon-share-02{background: #efe8f8;}
.icon-share-03{background: #6fc8E2;}
.icon-share-04{background: #F1DF8F;}
.invite-footer{text-align: center;padding-bottom:15px;color: #ccc;font-size: 0.8rem;}


/*loading*/
.load-wrapper{position: fixed;left:0;top:0;width: 100%;height: 100%;}
.load-wrapper .mask{position: fixed;left:0;top:0;background:#000;opacity: 0.4;width: 100%;height: 100%;}
.loading{
    position: fixed;top:50%;left:50%;margin-top:-15px;margin-left:-15px;
    width:30px;height:30px;border-radius: 50%;
    border:3px solid #ccc;
    border-left:3px solid #1b6d85;
    animation: my-loading 0.55s infinite;
}

@keyframes my-loading {
    0% {transform: rotate(0deg);}
    12.5% {transform: rotate(45deg);}
    25% {transform: rotate(90deg);}
    37.5% {transform: rotate(135deg);}
    50% {transform: rotate(180deg);}
    65.5% {transform: rotate(225deg);}
    75% {transform: rotate(270deg);}
    87.5% {transform: rotate(315deg);}
    100% {transform: rotate(360deg);}
}
@-ms-keyframes my-loading {
    0% {transform: rotate(0deg);}
    12.5% {transform: rotate(45deg);}
    25% {transform: rotate(90deg);}
    37.5% {transform: rotate(135deg);}
    50% {transform: rotate(180deg);}
    65.5% {transform: rotate(225deg);}
    75% {transform: rotate(270deg);}
    87.5% {transform: rotate(315deg);}
    100% {transform: rotate(360deg);}
}
@-moz-keyframes my-loading {
    0% {transform: rotate(0deg);}
    12.5% {transform: rotate(45deg);}
    25% {transform: rotate(90deg);}
    37.5% {transform: rotate(135deg);}
    50% {transform: rotate(180deg);}
    65.5% {transform: rotate(225deg);}
    75% {transform: rotate(270deg);}
    87.5% {transform: rotate(315deg);}
    100% {transform: rotate(360deg);}
}
@-o-keyframes my-loading {
    0% {transform: rotate(0deg);}
    12.5% {transform: rotate(45deg);}
    25% {transform: rotate(90deg);}
    37.5% {transform: rotate(135deg);}
    50% {transform: rotate(180deg);}
    65.5% {transform: rotate(225deg);}
    75% {transform: rotate(270deg);}
    87.5% {transform: rotate(315deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes my-loading {
    0% {transform: rotate(0deg);}
    12.5% {transform: rotate(45deg);}
    25% {transform: rotate(90deg);}
    37.5% {transform: rotate(135deg);}
    50% {transform: rotate(180deg);}
    65.5% {transform: rotate(225deg);}
    75% {transform: rotate(270deg);}
    87.5% {transform: rotate(315deg);}
    100% {transform: rotate(360deg);}
}






/* footer */
.fixed-footer-top{height:60px;}
.fixed-footer{
    position: fixed;left:0;bottom:0;
    width: 100%;padding:5px 0 0 0;
    max-width: 375px;height:65px;
    background: url('../images/footer-menu-bg.png') no-repeat bottom center;
    background-size: contain ;
    display: flex;justify-content: space-around;
    align-items: baseline;
}
.fixed-bottom{
    position: fixed;left:0;bottom:0;
    width: 100%;padding:5px 0 0 0;
    max-width: 375px;height:65px;}
.fixed-footer-top-01{height:65px;}
.fixed-footer-top-02{height:130px;}


.menu-icon-1 {width: 40px;height:40px;background: url('../images/mission.png')  no-repeat center;background-size: cover;}
.menu-icon-1.active {width: 50px;height:50px;background: url('../images/mission-active.png') no-repeat center;background-size: cover;}
.menu-icon-2 {width: 40px;height:40px;background: url('../images/home.png')  no-repeat center;background-size: cover;}
.menu-icon-2.active {width: 50px;height:50px;background: url('../images/home-active.png') no-repeat center;background-size: cover;}
.menu-icon-3 {width: 40px;height:40px;background: url('../images/user.png') no-repeat center;background-size: cover;}
.menu-icon-3.active {width: 50px;height:50px;background: url('../images/user-active.png') no-repeat center;background-size: cover;}


@media screen and (min-width: 375px) {
    .fixed-footer,.goods-buy-btn,.goods-attr-info,.goods-attr-info .mask,.goods-attr-wrapper,.fixed-bottom,.cart-footer{left:50%;margin-left:-187.5px;}
}
@media screen and (max-width: 320px) {
    .cart-page-total-info .account-btn{width:90px;}
}